(function () {
  // 步骤3：创建echarts实例
  let myChart = echarts.init(document.querySelector(".box6"));

  // 步骤4：定义配置（指定图表的配置项和数据）
  let option = {
    legend: {
      top: 30,
      textStyle: {
        color: "red",
      },
      data: ["销售额", "利润"],
    },
    xAxis: {
      type: "category",
      data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    },
    yAxis: {
      type: "value",
      axisLine: { show: true },
      axisTick: { show: true },
      splitLine: { show: false },
    },
    tooltip: {
      //触发类型 item 数据项触发 axis坐标轴触发
      trigger: "axis",
      backgroundColor: "#ccc",
    },
    series: [
      {
        name: "销售额",
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: "line",
        smooth: true,
      },
      {
        name: "利润",
        color: "green",
        data: [520, 532, 501, 534, 190, 130, 320],
        type: "line",
        smooth: true,
      },
    ],
  };

  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);
  //   window.onresize = function () {
  //     myChart.resize();
  //   };
  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();
